/* 左边背景 */

.content {
    min-width: 1000px;
}

.content .con-lef {
    width: 60%;
    height: 100vh;
    position: relative;
    background-color: #1ca8ef;
    min-width: 550px;
}

.con-lef a {
    /* 样式定位居中 */
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -250px;
}

.con-lef img {
    width: 100%;
    height: 100%;
}


/* 右边输入框 */

.box {
    width: 40%;
    height: 100vh;
    position: relative;
    /* min-width: 450px; */
}

.account {
    position: absolute;
    width: 370px;
    height: 400px;
    left: 50%;
    top: 50%;
    margin-left: -185px;
    margin-top: -200px;
    /* border: 1px solid red; */
}

.login-method {
    text-align: center;
}

.account a,
.account img {
    margin: 0 auto;
    display: block;
}


/* 登录方式 */

.login-method a {
    display: inline-block;
    width: 130px;
    line-height: 60px;
    font-size: 16px;
}

.login-method .active {
    color: #1ca8ef;
    position: relative;
}

.login-method .active>span {
    border-bottom: 2px solid #1ca8ef;
    width: 50px;
    height: 4px;
    display: inline-block;
    position: absolute;
    margin: 42px 0 0 -55px;
}


/* 账号输入 */

.inputs span,
.code span,
.have span {
    background: url(../../assets/imgs/loginIcon.png) no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
}

.inputs .bank,
.inputs .pwd {
    border-bottom: 2px solid #1ca8ef;
    width: 100%;
    float: left;
    line-height: 60px;
    box-sizing: border-box;
}

.inputs .bank span {
    background-position-x: -55px;
    margin-bottom: -5px;
}

.inputs .pwd span {
    background-position-x: -25px;
    margin-bottom: -5px;
}

.inputs input {
    border: none;
    outline: none;
    width: 80%;
    padding: 8px;
}

.inputs .bank img,
.inputs .pwd img {
    display: none;
    float: right;
    margin-top: 24px;
    margin-right: 10px;
}


/* 判断信息是否正确时提示信息 */

.userbox,
.passbox {
    color: red;
    display: none;
}

.judge {
    display: block;
    height: 84px;
}


/* 忘记密码 */

.account .forgotpwd a {
    float: right;
    color: #1ca8ef;
    line-height: 50px;
}


/* 登录点击 */

#loginBtn {
    height: 46px;
    width: 100%;
    background-color: #1ca8ef;
    border: none;
    color: #fff;
    cursor: pointer;
}


/* 注册账号 */

.have {
    float: right;
    margin-top: 10px;
    margin-right: 30px;
}

.have span {
    background-position-x: -52px;
    background-position-y: -26px;
}

.have a {
    display: inline-block;
    color: #1ca8ef;
}


/* 扫码登录 */

.scan .code {
    height: 240px;
    width: 290px;
    margin: 0 auto;
    border: 1px solid rgb(211, 211, 211);
    margin-top: 20px;
}

.scan .code img {
    width: 120px;
    height: 120px;
    margin-bottom: 5px;
    margin-top: 30px;
}

.scan .code p {
    text-align: center;
    color: #000;
    line-height: 24px;
}